<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>十七周作业</title>
<meta name="generator" content="PHPMyWind CMS" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body id="index">
<header class="top">
	<div class="hd">
    	<a href="index.html" class="logo"><img src="img/logo.png" alt="青年帮创意工坊logo" /></a>
        <nav>                                   
        	<ul>
            	<li><a href="index.html" class="index">首页</a></li>
                <li><a href="#" class="case">案例展示</a></li>
                <li><a href="#" class="news">最新文章</a></li>
                <li><a href="#" class="bang">帮店助手</a></li>
                <li><a href="#" target="_blank">设计导航</a></li>
                
            </ul>
        </nav>
        <div class="us">
        	关注我们
            <div class="box">
                <ul>
                    <li><span>QQ：</span>513894357</li>
                    <li><span>Tel：</span>13065018050</li>
                </ul>
                <p><img src="img/weixin.png" /></p>
                <p><img src="img/zcool.png" /></p>
            </div>
        </div>
    </div>
</header>

<article class="content">
	<header>
    	<h2>Web art service</h2>
        <h1>为web艺术提供高端服务</h1>
        <p>青年帮创意工坊，提供优秀的设计制作，高端的学习教程，最新的技术分享</p>
        <div class="quxian1 quxian"></div>
        <div class="quxian2 quxian"></div>
        
    </header>
    
    <section>
    	<ul class="serv">
        	<li><a href="#">网页设计</a><img src="img/fuwu_quan.png"></li>
            <li><a href="#">网店装修</a><img src="img/fuwu_quan.png"></li>
            <li><a href="#">UI设计</a><img src="img/fuwu_quan.png"></li>
            <li><a href="#">精品课程</a><img src="img/fuwu_quan.png"></li>
        </ul>
    </section>
    
</article>


<div class="art">
	<header>
    	<h1>最新文章 <span>&</span> 动态</h1>
    </header>
    <ul>
        	<li><div>最新文章</div><a href="#">做好设计，这三种方法绝对会帮助到你</a><time datetime="">2016-08-19 22:19</time></li>
        
       
           	<li><div>最新文章</div><a href="#">dw cs6破解版下载，最详细的dw cs6破解版安装教程</a><time datetime="">2016-07-13 14:48</time></li>

           	<li><div>最新文章</div><a href="#">如何实现网页图片按需滚动分屏无限加载？</a><time datetime="">2015-10-07 12:03</time></li>
        
       
           	<li><div>最新文章</div><a href="#">【第2期】平面设计转战网页美工/淘宝美工</a><time datetime="">2015-09-30 23:51</time></li>
        
       
           	<li><div>最新文章</div><a href="#">淘宝美工海报制作思路教程1【个人总结：在平面设计与网页设计中积...</a><time datetime="">2015-09-30 16:35</time></li>
        
       
               
    </ul>

</div>

<footer>
	<div class="con">
    	<h3>
        	<img src="img/LOGO-1.png" width=84/>
            <a href="#">qingnian8.com<br/>青年帮创意工坊</a>
        </h3>
        
        <div class="left">
        	<ul>
            	<li>13065018050 (业务咨询)</li>
                <li class="qq">513894357</li>
            </ul>
            <div class="us">
            	<p>Connect With Us</p>
            	<a href="#" target="_blank"><img src="img/weibo.png" /></a>
                <a href="#"  target="_blank"><img src="img/tao.png" /></a>
                <a href="#" target="_blank"><img src="img/qq2.png" /></a>
            </div>
        </div>
        
        <div class="center">
        	<h4>网站地图</h4>
            <nav>
            <ul>
            	<li><a href="index.php.htm">首页  &nbsp;|&nbsp;  Home</a></li>
                <li><a href="#">论坛  &nbsp;|&nbsp;  Forum</a></li>
                <li><a href="case.php.htm" >案例展示  &nbsp;|&nbsp;  Case Presentation</a></li>
                <li><a href="#">帮店助手  &nbsp;|&nbsp;  Assistant</a></li>
                <li><a href="#" target="_blank">快课教育  &nbsp;|&nbsp;  Education</a></li>
            </ul>
            </nav>
          </div>
        
        <div class="right">
        	<h4>关注我们</h4>
            <div>
            	<p><img src="img/weixin.png" />微信公众号</p>
                <p><img src="img/zcool.png" />站酷主页</p>
            </div>
        </div>
        
    </div>
</footer>

<div class="copyright">
	Copyright © 2010 - 2018 qingnian8.com All Rights Reserved
</div>
</body>
</html>
